<!doctype html>
<html lang="en">
  <head>

    <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.validate.js"></script>
    <script type="text/javascript" src="js/signup.js"></script>

    <link rel="stylesheet" id="skins-switcher" href="css/style.css" type="text/css" media="screen"/>


  </head>

  <body>
    
    <div id="signup-main" class="one"> 

      <div class="horizontal-line"></div>

      <form id="signup_form" method="post" action="#"> 

        <div class="one-third">       
          <img src="images/promos/promo-sign-up.png" width="258" height="341"/>  
        </div>

        <div id="muj-container-register-left" class="one-third">

          <label for="givenName" class="muj-form-label-large">First Name</label>
          <div class="muj-form-input-large"><input id="givenName" name="givenName" title="First name is required" /></div> 
          <div class="muj-form-register-error"></div>

          <label for="familyName" class="muj-form-label-large">Last Name</label>
          <div class="muj-form-input-large"><input id="familyName" name="familyName" title="Last name is required" /></div> 
          <div class="muj-form-register-error"></div>

          <label for="email2" class="muj-form-label-large">Email Address</label>
          <div class="muj-form-input-large"><input id="email2" name="email2" title="A valid email address is required" /></div> 
          <div class="muj-form-register-error"></div>

          <label for="confirmEmail" class="muj-form-label-large">Confirm Email Address</label>
          <div class="muj-form-input-large"><input id="confirmEmail" name="confirmEmail" title="Email addresses must match" /></div> 
          <div class="muj-form-register-error"></div>

        </div>

        <div id="muj-container-register-right" class="one-third last">

          <label for="password" class="muj-form-label-large">New Password</label>
          <div class="muj-form-input-large"><input id="password" name="password" title="Minimum of 5 characters required" /></div> 
          <div class="muj-form-register-error"></div>

          <label for="gender" class="muj-form-label-large">I am</label>
          <div class="muj-form-register-select"><select id="gender" class="muj-form-select-large" name="gender" id="gender"><option value="female">Female</option><option value="male">Male</option></select></div> 
          <div class="muj-form-register-error"></div>

          <label for="language" class="muj-form-label-large">Language</label>
          <div class="muj-form-register-select"><select id="language" class="muj-form-select-large" name="language" id="gender"><option value="English">English</option><option value="French">French</option><option value="Spanish">Spanish</option></select></div> 
          <div class="muj-form-register-error"></div>

          <label for="birthday_day" class="muj-form-label-large">Birthday</label>
          <div class="muj-form-input-date-large"><input id="birthday_day" name="dd" title="" value="dd" /></div> 
          <div class="muj-form-input-date-large"><input id="birthday_month" name="mm" title="" value="mm"  /></div> 
          <div class="muj-form-input-date-large"><input id="birthday_year" name="yyyy" title=""  value="yyyy" maxlength="4"  /></div> 
          <div style="width:270px; margin-top:5px; float:left"><input type="checkbox" name="noage" id="birthday_noyear" style="vertical-align: middle; float: left" /><div style=" color:#666666; float:left; margin: 2px 0 0 5px;">Don't show the year on my profile</div></div>

          <div style="width:300px; margin-top: 30px;float: left"><input type="submit" value="Sign Up" class="grey-button"/> </div>

        </div>

      </form> 

    </div>

  </body>
</html>